.ArticleItem{
    width: 95%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid #ddd;
   padding-top: 5px;
   margin-left: 10px;
    .top{
      width: 100%;
      height: 30px;
      display: flex;
      align-items: center;
      h2{
        padding-top: 8px;
      }
      span{
        margin-left: 10px;
      }
    }
    dl{
      width: 100%;
      display: flex;
      margin-top: 10px;
      dt{
        img{
          width: 200px;
          height: 100px;
        }
      }
      dd{
        margin-left: 10px;
        p:nth-child(2){
          margin-top: 50px;
          >span{
            margin-left: 20px;
          }
        }
      }
    }
  }
  .ArticleItem:hover {
    cursor: pointer;
    .top>h2{
      color: #ff0064;
      
    }
   
  }